RN是由Meta推出的一個開源框架,讓開發者可以透過React來構建跨平台的移動應用程式。來達到一次編寫,處處運行的需求。利用 React Native,開發者可以同時為 iOS 和 Android 開發應用,而無需針對每個平台進行分開的原生開發。
主要常用的組件有如下:
React Native UI | Android原生View | iOS原生View | |
---|---|---|---|
<View> |
<ViewGroup> |
<UIView> |
使用flex布局的一種容器 |
<Text> |
<TextView> |
<UITextView> |
顯示文字 |
<Image> |
<ImageView> |
<UIImageView> |
顯示圖片 |
<ScrollView> |
<ScrollView> |
<UIScrollView> |
能捲動的容器,能包含其他組件和View |
<TextInput> |
<EditText> |
<UITextField> |
用戶輸入text的部分 |
其他更多的元件可以參考該連結:React Native components-and-apis
在開發 React Native 應用程式時,目前主要有兩種選擇:Expo 和 React Native CLI。目前看到大部分都是使用Expo進行開發,下面簡易說明一下兩者。
Expo 提供了預配置的工具和服務,適合剛入門的開發者
優點:
React Native CLI 是官方提供的命令行工具,讓我們能直接訪問核心功能並控制原生代碼
優點:
我們這次系列文,主要會著重在使用Expo,並且如果有多餘時間的話,會額外嘗試cli並做紀錄。